<div id="nuevo" title="<?php echo __("Nueva Notificación")?>" class="contacto">
	<form action="<?php echo url_for('notificacion/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" id="formNuevo" <?php $form->isMultipart() and print 'enctype="multipart/form-data" ' ?>>
            <?php if (!$form->getObject()->isNew()): ?>
            <input type="hidden" name="sf_method" value="put" />
            <?php endif; ?>
            <?php echo $form->renderHiddenFields(false) ?> 
            <?php echo $form->renderGlobalErrors() ?>
    
            <div id="datosCliente">
                <span id="correcto"></span>
                <div class="margen_bottom_10"><span class="label"><?php echo __('Nombre del cliente ');?> *:</span>
                    <span>
                        <input class="cal" type="text" name="notificacion[cliente_nombre]" id="notificacion_cliente_nombre" value="<?php echo $cliente->getNombre().' '.$cliente->getPrimerApellido().' '.$cliente->getSegundoApellido();?>">
                    </span>
                </div>
                <span class="oculto">
                    <input class="lectura" type="text" name="notificacion[contacto_id]" value="<?php echo $cliente->getId()?>" id="notificacion_contacto_id">
                </span>
                <span id='mostrarOcultarContacto' class='mostrarMasDatos pestanaEditando'></span>
                <div id="datosClienteActual">
                    <?php include_partial('contacto/muestraContacto',array ('cliente' => $cliente))?>
                </div>
            </div>
            <div id="datosContacto" class="limpiar">
                <?php include_partial('notificacion/editaNotificacion',array('form'=> $form))?>
            </div>
          
        </form>
</div>

<script language="JavaScript" type="text/javascript">
  	$(document).ready(function() { 
                var mostrarContacto = true;
                
                                
                if ($('#notificacion_contacto_id').val()){
                    var id = $('#notificacion_contacto_id').val();
                    var url = "<?php echo url_for('notificacion/actualizaClienteId'); ?>"+"?cliente_id="+id;
                    $("#datosCliente").load(url);
                }
                
                $("#notificacion_cliente_nombre").autocomplete({
                    source: "<?php echo url_for('contacto/ajaxClientes')?>",
                    minLength: 0,
                    select: function( event, ui ) {
                    $('#notificacion_contacto_id').val(ui.item.id);  
                    var cliente_id = ui.item.id;
                    var url = "<?php echo url_for('notificacion/actualizaClienteId'); ?>"+"?cliente_id="+cliente_id;
                    $("#datosCliente").load(url);

                        // !!! Important !!! 
                        // always return false to prevent standard browser submit and page navigation 
                    return false; 
                    }

                });
                
                $("#mostrarOcultarContacto").click(function () {
                            $("#masmenosContacto").toggle("slow");
                            if (mostrarContacto){
                                    mostrarContacto = false;
                                    $("#mostrarOcultarContacto").addClass('mostrarMasDatos');
                                    $("#mostrarOcultarContacto").removeClass('ocultarMasDatos');
                            }else{
                                    mostrarContacto = true;
                                    $("#mostrarOcultarContacto").removeClass('mostrarMasDatos');
                                    $("#mostrarOcultarContacto").addClass('ocultarMasDatos');
                            }
                });    
  		
                
  		var aceptar = function () { 
                    $('#formNuevo').submit();                    
  		};
                
  		var cancelar = function () {
  			$("#nuevo").dialog("destroy");
			$("#nuevo").remove();
			window.location =  "<?php echo url_for('@notificacion'); ?>";
  		};
  		var dialogOpts = {
  			autoOpen: true,
  			width:850,
  			minHeight:600,
  			closeOnEscape: true,
  			modal: true,
  			buttons: {
  				"<?php echo __("Guardar")?>": aceptar,
  				"<?php echo __("Cancelar")?>": cancelar
  			},
  			open: function() {
                                $(this).parent().find('button:nth-child(2)').focus();
                        },
                        resizable: true,
                        close: function() { location.href = "<?php echo url_for('@notificacion'); ?>" }
  		};
  		$("#nuevo").dialog(dialogOpts);
                
                //Si he insertado un cliente con autocomplete, que borre su id al escribir sobre el campo
                $('#notificacion_cliente_nombre').keydown(function() {                   
                    var id = $('#notificacion_contacto_id').val();                   
                    if (id != ''){
                        $('#notificacion_contacto_id').val('');
                    }                    
                    $("#correcto").removeClass('checked');
                    $("#cliente").remove();
                    $("#mostrarOcultarContacto").remove();
                });
                
                
	});
  </script>


<script language="JavaScript" type="text/javascript">
	$('input[type="text"]').focus(function() {
	    $(this).addClass("focus");
	    $(this).parent().parent().addClass("focustr");
	});
	$('input[type="text"]').blur(function() {
	    $(this).removeClass("focus");
	    $(this).parent().parent().removeClass("focustr");
	});
	$('textarea').focus(function() {
	    $(this).addClass("focus");
	    $(this).parent().parent().addClass("focustr");
	});
        $('textarea').blur(function() {
	    $(this).removeClass("focus");
	    $(this).parent().parent().removeClass("focustr");
	});
        $('select').focus(function() {
	    $(this).addClass("focus");
	    $(this).parent().parent().addClass("focustr");
	});
	$('select').blur(function() {
	    $(this).removeClass("focus");
	    $(this).parent().parent().removeClass("focustr");
	});
</script>

